﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<PagedList<zeus.Core.PlanCliente>>" %>
<%@ Import Namespace="zeus.Web.Controllers" %>
<%@ Import Namespace="Webdiyer.WebControls.Mvc" %>


<asp:Content ID="headContent" ContentPlaceHolderID="HeadContentPlaceHolder" runat="server">
    <link href="<%= ResolveUrl("~") %>Content/tables.css" rel="stylesheet" type="text/css" />

    <script language="javascript" type="text/javascript">
        $(function () {
            $("#dialog-confirm").dialog({
                modal: false,
                autoOpen: false,
                buttons: {
                    "Cancelar": function () {
                        $(this).dialog("close");
                    },

                    "Aceptar": function () {
                        if ($("#nombre").val().length == 0) {
                            alert("Ingrese un nombre antes de continuar");
                            $("#nombre").focus();
                        }
                        else {
                            $(this).dialog("close");
                            $("#nombreHidden").val($("#nombre").val());
                            $('form#nombreForm').submit();
                        }
                    }
                }
            });

            $("#NuevoPlan").click(function () {
                $("#dialog-confirm").dialog("open");
                $("#nombre").focus();
            });

        });
    </script>

    <title>Planes - Avanzado</title>
</asp:Content>

<asp:Content ID="menuContent" ContentPlaceHolderID="MenuContentPlaceHolder" runat="server">
    
</asp:Content>

<asp:Content ID="mainContent" ContentPlaceHolderID="MainContentPlaceHolder" runat="server">
    
    <div id="dialog-confirm" title="Ingrese un nombre" style="display:none">
	    <p>
            Nombre: <input type="text" id="nombre" maxlength="50"/>
        </p>
    </div>

    <form method="post" action="#" id="nombreForm">  
        <input type="hidden" name="nombreHidden" id="nombreHidden" />
    </form>  


    <p>
        <a href="#" id="NuevoPlan">Nuevo</a>
    </p>

    <table class="datatable">
        <caption>
            Detalle</caption>
        <thead>
            <tr>
                <th>
                    Nombre
                </th>
                <th>
                    Unidades
                </th>
                <th>
                    Eventos
                </th>                                                                           
            </tr>
        </thead>

        <% foreach (var item in Model)
           { %>
        <tr>
            <td>
                <a href="<%= ResolveUrl("~") %>Planes/NuevoPlan/<%: item.Id %>"><%: item.Nombre %></a>                                    
            </td>
            <td>
                
            </td>
            <td>
                
            </td>            
        </tr>
        <% } %>
                
    </table>

    <p>
        <%= Html.Pager(Model,new PagerOptions{PageIndexParameterName="id"}) %>
    </p>
</asp:Content>

